<template>
	<div class="reviewList">
		<li v-for="(item,itemindex) in reviewList" :key="item">
			<div class="img">
				<img v-if="item.avatarurl==''" :src="nopic" />
				<img v-else v-bind:src="item.avatarurl" />
			</div>
			<div class="reviecontent">
				<p class="name">{{item.nickName}}</p>
				<p class="grade"><i v-for='(vaule,vauleindex) in item.score' :key="vaule" :class="vaule"></i></p>
				<p class="content1">{{item.content}}</p>
				<p class="time">{{item.time}}</p>
			</div>
		</li>
		
	</div>
	
</template>

<script>
	export default {
		data(){
			return{
				nopic:"http://p0.meituan.net/movie/7dd82a16316ab32c8359debdb04396ef2897.png"
			}
		},
  		props: {
  			reviewList:{
  				type:Array
  			}
  		}
	}
</script>

<style>
.reviewList li{padding: 20rpx 0;padding-left: 10rpx;display: flex;}
.reviewList li .img {flex: 1;text-align: center;}
.reviewList li img{width: 80rpx;height: 80rpx;border-radius:50% ;}
.reviewList li .reviecontent{flex: 5;border-bottom:2rpx solid #A69892 ;}
.reviewList li:last-child .reviecontent{border: 0;}
.reviewList li .reviecontent p{font-size:24rpx ;color: #000;}
.reviecontent p.content1{font-size: 28rpx;margin-top: 20rpx;padding-right: 30rpx;}
.grade i{display: inline-block;vertical-align: top;width: 30rpx;height: 30rpx;}
.grade i.starfull{background: url(../../static/img/starfull.png) no-repeat;background-size:cover ;}
.grade i.stargary{background: url(../../static/img/stargary.png) no-repeat;background-size:cover ;}
.grade i.starban{background: url(../../static/img/starban.png) no-repeat;background-size:cover ;}
.reviewList li .reviecontent p.time{margin-top: 10rpx;color: #A69892;margin-bottom: 20rpx;}

</style>